{% macro docs_toc(page) %}
{% if page.extra.toc %}
<nav>
	<ul>
		{% for h1 in page.toc %}
		<li class="mb-1 px-2 py-1 text-sm font-semibold"><a href="{{ h1.permalink | safe}}">{{
				h1.title }}</a></li>
		{% if h1.children %}
		<ul>
			{% for h2 in h1.children %}
			<li
				class="group flex w-full items-center border border-transparent pl-5 px-2 py-1 hover:underline text-sm  text-foreground">
				<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
			</li>
			{% endfor %}
		</ul>
		{% endif %}
		{% endfor %}
	</ul>
</nav>
{% endif %}
{% endmacro %}
